.content_box{
  background: #409eff,;
    width: 100%;
    height: 275px;
    max-width: 100%;
    max-height: 100%;
    margin-top: 200px;
    background-size: 100%;
    position: relative;
    
    .interaction_box{
      width: 358px;
      height: 408px;
      position: absolute;
      top: -80px;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 0 0 5px 5px;
      box-shadow: 0px 1px 10px 1px #333;
      .interaction_hr{
        width: 100%;
        height: 10px;
        background: #409eff; 
      }
      // 操作区
      .interaction_ct_box{
        width: 318px;
        height: 358px;
        background: #fff; 
        padding: 20px;
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: column;
        // logo
        .logo_img{
          width: 56px;
          height: 56px;
          background: url('../../assets/login/shoping.png')no-repeat;
          background-size: 100%;
        }
        // title
        .login_title{
          font-size: 24px;
          margin: 20px 0;
          color: #409eff;
        }
        .user_box{
          width: 100%;
          height: 36px;
          padding: 0 15px 0 30px;
          box-sizing: border-box;
          
          border: 1px solid #67c23a;
          border-radius: 3px;
          position: relative;
          .user_logo{
            position: absolute;
            top: 9px;
            left: 7px;
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../assets/login/user.png')no-repeat;
            background-size: 100%;
          }
          input{
            width: 100%;
            height: 32px;
            border: 0;
            outline: none;
            

          }
        }
        .user_box1{
          width: 100%;
          height: 36px;
          padding: 0 15px 0 30px;
          box-sizing: border-box;
          border: 1px solid #67c23a;
          border-radius: 3px;
          margin-bottom: 5px;
          position: relative;
          .user_logo{
            position: absolute;
            top: 9px;
            left: 7px;
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../assets/login/user.png')no-repeat;
            background-size: 100%;
          }
          input{
            width: 100%;
            height: 32px;
            border: 0;
            outline: none;
          }
        }
        .password_box{
          width: 100%;
          height: 36px;
          padding: 0 30px 0 30px;
          box-sizing: border-box;
          margin-bottom: 5px;
          border: 1px solid #67c23a;
          border-radius: 3px;
          position: relative;
          .password_logo{
            position: absolute;
            top: 9px;
            left: 7px;
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../assets/login/密码（关）.png')no-repeat;
            background-size: 100%;
          }
          input{
            width: 100%;
            height: 32px;
            border: 0;
            outline: none;
          }
          .user_eys{
            position: absolute;
            top: 9px;
            right: 7px;
            display: block;
            width: 16px;
            height: 16px;
            background: url('../../assets/login/eys.png')no-repeat;
            background-size: 100%;
          }
        }
        .check1{
          display: block;
          color: red;
          width: 100%;
          margin-bottom: 5px;
        }
        .button_box{
          width: 100%;
          height: 40px;
          .login_but{
            display: block;
            width: 143px;
            height: 40px;
            background: #409eff;
            border: 0;
            border-radius: 5px;
            color: #fff;
            font-size: 16px;
            margin: 0 auto;
            margin-top: 20px;
          }
        }
      }
    }
}